@charset "utf-8";
/* CSS Document */
img:hover {
    transform: scale(1.06);
    -webkit-transform: scale(1.06);
    -moz-transform: scale(1.06);
    -o-transform: scale(1.06);
    -ms-transform: scale(1.06);
}
.mcont{margin:20px auto;width:1200px;}
.todaybox{width: 100%;
    margin-bottom: 20px;
    border-top: 2px solid #ff3333;}
.todaybox,.newest-box,.hot-box,.item-box{width: 100%;margin-bottom: 20px;border-top:2px solid #ff3333;}
.todaybox .focus-box{width: 625px;float: left;}
.todaybox .headlines-box{width: 545px;float: right;overflow: hidden;position: relative;}
.box-tit{color: #000000;font-size: 24px;font-weight: bold;margin-top: 16px;margin-bottom: 16px;line-height: 30px;}
.box-tit em{width: 4px;height: 23px;background: #ff3333;display: inline-block;border-radius: 5px;vertical-align: bottom;margin-top: 2px;margin-right: 8px;}
.box-tit-right {line-height: 30px;
    /* width: 832px; */
    width: 800px;
    float: right;
}
.box-tit-right ul{float: left;color: #999999;font-size: 14px;font-weight: 400;}
.box-tit-right ul li{float: left;
}
.box-tit-right ul span{float: left;margin: 0 10px;}
.box-tit-right ul li a{color: #999999;font-size: 14px;font-weight: 400;}
.box-tit-more {
    float: right;
    font-size: 14px;
    color: #999999;
    font-weight: 400;
}

.item-nav{ float: right;   font-size: 14px; color: #444444; font-weight: 400;}
.item-nav li{cursor: pointer;}
.item-nav li,.item-nav span{float: left;}
.item-nav span{margin: 0 10px;}
.rank-box ul{width: 100%;}
.rank-box ul li{margin-bottom: 23px;}
.rank-6{margin-bottom: 0 !important;}
.rank-box .rank-img{display: block;width: 85px;height: 65px;position: relative;float: left;overflow: hidden;}
.rank-box .rank-img img{width: 100%;height: 100%;}

.rank-img em{position: absolute;top: 0;left: 0;z-index: 999;display: block;width: 20px;height: 16px;background: rgba(0,0,0,0.5);text-align: center;line-height: 16px;color: #fff;font-size: 12px;}
.rank-info{float: right;width: 155px;}
.rank-info a{display: block;width: 100%;height: 48px;line-height: 24px;color: #333333;overflow: hidden;font-size: 14px;}
.rank-info p{color: #999999;font-size: 12px;}
.rank-info .price{color: #ff3333;font-size: 14px;}
.rank-info .price span{margin-right: 2px;}
.rank-1 em{background: #de5348 !important;}
.rank-2 em{background: #e69647 !important;}
.rank-3 em{background: #ecc85a !important;}
.rank-active{color: #ff3333;}

.shutter {
  overflow: hidden;
  position: relative;
}
.shutter-img {z-index: 1;}
.shutter-img,.shutter-img a {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.shutter-img a {
  cursor: default;
}
.shutter-img a > img {
  width: 100%;
  height: 100%;
}
.shutter-img .created {
  overflow: hidden;
  position: absolute;
  z-index: 20;
}
.shutter-btn {}
.shutter-btn li {
  position: absolute;
  z-index: 2;
  top: 50%;
  width: 49px;
  height: 49px;
  margin-top: -25px;
  cursor: pointer;
}
.shutter-btn li.prev {
  left: 20px;
  background: url(../images/shutter_prevBtn.png) no-repeat 0 -49px;
}
.shutter-btn li.next {
  right: 20px;
  background: url(../images/shutter_nextBtn.png) no-repeat 0 -49px;
}
.shutter-desc {
  position: absolute;
  z-index: 2;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 36px;
  background: url(../images/shutter_shadow.png) repeat;
}
.shutter-desc p {
  padding-left: 20px;
  line-height: 36px;
  color: #fff;
  font-size: 14px;
}





.change-color{width: 18px  !important;background: red !important;}
.headlines-tit{font-size: 22px;font-weight: bold;color: #ff3333;margin-bottom: 15px;height: 36px;line-height: 36px;overflow: hidden;display: block;text-align: center;}
.headlines-tit a{color: #ff3333;}
.headlines-box ul{width: 570px;}
.headlines-box ul li{float: left;width: 265px;margin-right: 20px;margin-bottom: 10px;}
.headlines-box ul li em,.info-box li a em{display: block;width: 4px;height: 4px;background: #3e91f7;border-radius: 50%;vertical-align: top;margin-top: 16px;margin-right: 10px;float: left;}
.headlines-box ul li a{float: left;width: 250px;display: block;font-size: 16px;height: 34px;line-height: 34px;overflow: hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.h-ad{position:absolute;width:370px;height:40px;z-index:9999;right: 10px;top: 12px;line-height:40px;text-align:center;overflow: hidden;}
.h-ad a{display:block;font-size: 18px;color:#167af4;width: 370px !important;height: 40px !important;line-height: 40px !important;overflow: hidden;}

.t_news {height: 40px;color: #fff;overflow: hidden;position: relative;}
.news_li,.n-ul {line-height: 40px;display: inline-block;position: absolute;top: 0;width: 100% !important;left: 0;}
.news_li li,.n-ul li{width:100% !important;margin-bottom:0 !important;margin-right: 0;}
.news_li a,.n-ul a {color: #fff;display:block; width:100% !important;}
.n-ul {top: 40px;}

.h-ad{position:absolute;width:370px;height:40px;z-index:9999;right: 10px;top: 12px;line-height:40px;text-align:center;overflow: hidden;}
.h-ad a{display:block;font-size: 18px;color:#167af4;width: 370px !important;height: 40px !important;line-height: 40px !important;overflow: hidden;}


.t_news2 {height: 40px;color: #fff;overflow: hidden;position: relative;}
.news_li2,.n-ul2 {line-height: 40px;display: inline-block;position: absolute;top: 0;width: 100% !important;left: 0;}
.news_li2 li,.n-ul2 li{width:100% !important;margin-bottom:0 !important;margin-right: 0;}
.news_li2 a,.n-ul2 a {color: #fff;display:block; width:100% !important;}
.n-ul2 {top: 40px;}

.h-ad2{position:absolute;width:100%;height:40px;z-index:9999;top: 66px;line-height:40px;text-align:center;overflow: hidden;}
.h-ad2 a{display:block;font-size: 22px;color:#ff3333;height: 40px !important;line-height: 40px !important;overflow: hidden;font-weight:bold}
.headlines-box .t_news2 ul li a{font-size: 22px;}

.item-left{width: 920px;float: left;overflow: hidden;}

.item-right{width: 250px;float: right;}

.item-pic-box{float: left;width: 335px;height: 528px;overflow: hidden;}
.col-a-pic{display: block;width: 335px;height: 252px;position: relative;overflow: hidden;margin-bottom: 20px;}
.col-a-pic img{width: 335px;height: 252px;}
.title-alpha {position: absolute;left: 0;bottom: 0;width: 100%;height: 44px;line-height: 44px;padding-top: 36px;overflow: hidden;text-align: center;font-size: 16px;color: #fff;font-weight: bold;
background: linear-gradient(to bottom, rgba(0,0,0,0) 0, rgba(0,0,0,0.8) 100%);
}
.info-box{width: 555px;height: 528px;overflow: hidden;float: right;}
.info-box a{float: left;display: block;width: 256px;height: 20px;margin-right: 20px;margin-bottom: 24px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 16px;
    color: #333333;}
.info-box a em {
    display: inline-block;
    width: 4px;
    height: 4px;
    background: #3e91f7;
    border-radius: 50%;
    vertical-align: top;
    margin-top: 12px;
    margin-right: 10px;
}
.info13, .info14 {margin-top:6px;    }
.info2,.info4,.info6,.info8,.info10,.info12,.info14,.info16,.info18,.info20,.info22,.info24,.info26{margin-right: 0 !important;}
.info1,.info2,.info13,.info14{font-size: 18px;font-weight: bold;color: #333333;}
.info1 em,.info2 em,.info13 em,.info14 em{display: none !important;}